<template>
    <div>
        <van-contact-card type="edit" :tel="tel" :name="name" @click="onEdit" />
        <van-nav-bar title="填写订单" />
        <van-card num="10" tag="标签" price="99" desc="白色 30000mAH YKMSO1824移动电源充电宝" title="罗马仕 移动电源 WA系列 A30"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" origin-price="109" />
        <h3>支付方式</h3>
        <div><img src="../image/1.png" alt=""></div>
        <van-cell icon="coupon" title="资金券" is-link value="有可用的代金券" />
        <van-cell icon="coupon" title="商品券" is-link value="有可用的商品券" />
        <van-cell icon="balance-list" title="发票" is-link value="普通发票" />
        <van-badge :content="1" color="slateblue">
               备注： 填写内容请和卖家协商
        </van-badge>
          <van-submit-bar :price="99000" button-text="去结算" @submit="onSubmit" style="margin-left: -200px; margin-top: -150px; float: left;"/>
    </div>
</template>

<script setup>
import { ref } from 'vue';
const tel = ref('13962001793');
    const name = ref('刘贝贝');
    const onEdit = () => showToast('edit');
import { useRouter } from 'vue-router';
const router =useRouter()
    const onSubmit = () =>{
         router.push('/zf')
    }
</script>

<style>

</style>